{{ define "fileupload_old.html" }}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FileUpload</title>

    <!-- 引入 jquery -->
    <script src="./assets/jquery/js/jquery.min.js"></script>

    <!-- 引入 bootstrip -->
    <link rel="stylesheet"  href="./assets/bootstrap3/css/bootstrap.min.css">
    <script src="./assets/bootstrap3/js/bootstrap.min.js"></script>

    <!-- 引入 Font Awesome 样式(依赖 ../fonts) -->
    <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css" />

    <!-- 引入 fileinput -->
    <link rel="stylesheet" href="assets/bootstrap-fileinput/css/fileinput.min.css" />
    <script src="assets/bootstrap-fileinput/js/fileinput.min.js"></script>
    <!-- fileinput / fa / fas / gly 主题 -->
    <script src="assets/bootstrap-fileinput/themes/fa/theme.min.js"></script>
    <script src="assets/bootstrap-fileinput/themes/fas/theme.min.js"></script>
    <script src="assets/bootstrap-fileinput/themes/gly/theme.min.js"></script>

    <!-- 引入 fileinput explorer / explorer-fa / explorer-fas 主题 -->
    <script src="assets/bootstrap-fileinput/themes/explorer/theme.min.js"></script>
    <script src="assets/bootstrap-fileinput/themes/explorer-fa/theme.min.js"></script>
    <script src="assets/bootstrap-fileinput/themes/explorer-fas/theme.min.js"></script>
    
    <!-- 引入 fileinput Language -->
    <script src="assets/bootstrap-fileinput/js/locales/LANG.js"></script>

    <!-- 引入 axios -->
    <script src="assets/axios/js/axios.min.js"></script>

    <!-- 自定义 Youwant -->
    <link rel="stylesheet" href="assets/youwant/css/scrollbar.css" >
    <script src="assets/youwant/js/element.js"></script>
    <script src="assets/youwant/js/utils.js"></script>

</head>

<body>

    <div class="container">

        <h1>FileUpload</h1>
        <nav class="navbar navbar-default navbar-inverse" role="navigation">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <!-- 综合折叠 -->
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#" >
                    <img class="pull-left logo" style="width: 1em" src="./assets/youwant/img/youwant-creator.png" />
                </a>
            </div>
        
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="/pastebin">Pastebin</a></li>
                    <li><a href="/npmsearch">NPM 搜索</a></li>
                    <li class="active"><a href="/fileupload">文件上传<span style="font-size: 10px;">(当前旧版)</span></a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="/fileupload/">返回新版</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </nav>

        
        <div class="panel panel-default">
            <div class="panel-body">
                <h3>上传</h3>
                <form action="/fileupload/upload" method="post" enctype="multipart/form-data">
                    <input type="file" name="upload" style="display: inline-block"/>
                    <input type="submit" value="提交"/>
                </form>

                <h3>文件列表</h3>
                <hr>
                <pre style="max-height: 450px; overflow-y: scroll;" >{{.filelist}}</pre>
                <hr>
            </div>
        </div>
        
    </div>
</body>
</html>
{{ end }}